<template>
  <div class="container">
    <el-tabs tab-position="left" :value="active">
      <el-tab-pane :label="$t('m.config.management')" name="management">暂未开放，敬请期待</el-tab-pane>
      <el-tab-pane :label="$t('m.config.resetPassword')" name="resetPassword">
        <resetPassword/>
      </el-tab-pane>
      <el-row>
        <el-col :span="24">
          <el-button class="back-btn" @click="$router.go(-1)" type="primary">{{$t('m.back')}}</el-button>
        </el-col>
      </el-row>
    </el-tabs>
  </div>
</template>
<script>
export default {
  name:'configure',
  data(){
    return {
      active:'resetPassword' // 默认展示的component
    }
  },
  mounted(){

  },
  components:{
    resetPassword:()=>import('@/components/userConfig/reset-password')
  },
  methods:{

  }
}
</script>
<style lang="scss" scoped>
.container{
  text-align: left;
  font-size: 14px
}
.el-tabs ::v-deep .el-tabs__item{
  font-size: 14px
}
.back-btn{margin-top: 10px;}
</style>